<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>禾行通 - 无人驾驶农场车端管理系统</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-success">
        <div class="container">
            <a class="navbar-brand" href="/">禾行通</a>
            <div class="navbar-nav">
                <a class="nav-link" href="/vehicles">设备管理</a>
                <a class="nav-link" href="/fields">田地管理</a>
                <a class="nav-link" href="/tasks">任务管理</a>
                <a class="nav-link" href="/monitoring">实时监控</a>
            </div>
        </div>
    </nav>
    
    <div class="container mt-4">
        <div class="row">
            <div class="col-md-12">
                <h1 class="text-center mb-4">无人驾驶农场车端管理系统</h1>
                <p class="text-center text-muted">基于自动驾驶技术、物联网及农业大数据的智能化管理平台</p>
            </div>
        </div>
        
        <div class="row mt-5">
            <div class="col-md-3">
                <div class="card text-center">
                    <div class="card-body">
                        <h5 class="card-title">设备管理</h5>
                        <p class="card-text">管理无人车设备信息、状态监控</p>
                        <a href="/vehicles" class="btn btn-primary">进入</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card text-center">
                    <div class="card-body">
                        <h5 class="card-title">田地管理</h5>
                        <p class="card-text">管理作业田地信息、边界绘制</p>
                        <a href="/fields" class="btn btn-primary">进入</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card text-center">
                    <div class="card-body">
                        <h5 class="card-title">任务管理</h5>
                        <p class="card-text">创建和管理作业任务</p>
                        <a href="/tasks" class="btn btn-primary">进入</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card text-center">
                    <div class="card-body">
                        <h5 class="card-title">实时监控</h5>
                        <p class="card-text">实时监控设备位置和作业状态</p>
                        <a href="/monitoring" class="btn btn-primary">进入</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>